﻿
html,
body {
   margin:0;
   padding:0;
   height:100%;
   font: normal .84em Verdana, Tahoma, sans-serif; 
   background: #D2D1D0 url("../Images/bg.gif");
}
#container {
   min-height:100%;
   position:relative;
   width: 990px; 
   margin: 0px auto; 
   border: 1px solid #BBBBBB;
   background:white;
}
#header {
   
}
#body {
   
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
}

img { border: none; }
a { color: #00509B; text-decoration: none; }
a:hover { color: #DD0000; text-decoration: underline; }

.clear { clear: both; height: 0; }
.div-left { float: left; }
.div-right { float: right; }

.site-inner { width: 970px; margin: 0 auto; }
.top-banner { height: 100px; background: #fff url("../Images/bg_top_header.png") repeat-x bottom; }
.top-navigation { background: #104E91 url("../Images/navi_bg.png") repeat-x top; font-weight: bold; color: #fff; }

.top-siteinfo { background: #fff url("../Images/bg_top_shadow.png") repeat-x top; line-height: 2em; }
.top-siteinfo .siteinfo-left { width: 70%; }
.top-siteinfo .siteinfo-right { width: 25%; text-align: right; }

.main-layout { padding-bottom: 10px; background-color: #fff; }
.main-layout .main-sidebar { width: 220px }
.main-layout .main-content { width: 740px; }

.footer { background-color: #2C5A99; padding: 4px 0; color: #fff; font-size: .8em; }
.footer a { color: #fff; }
.footer .footer-navigation { width: 40% }
.footer .footer-copyright { width: 55%; text-align: right; }


/* FORM  */
.tbform { border: none; border-width: 0;   }
.tbform td, .tbform tr { border-width: 0; border: 1px solid #fff; }
.tbform .row-style td { padding: 4px; }
.tbform .header { padding: 4px; font-weight: bold; }

.frm fieldset { border-width: 0; }
.frm h5 {
	margin: 10px 0;
	font: bold 1.2em Verdana, Tahoma;
}
.frm fieldset { padding: 0; margin-bottom: 10px; }
.frm fieldset dl {
	overflow: hidden;
	padding: 6px;
	margin: 0;
}
.frm fieldset dt {
	display: block;
	float: left;
	width: 12em;
}
.frm fieldset dl.login dt { width: 8em; }
.frm fieldset dl.message { text-align: center; color: red; }
.frm fieldset dd {
	margin-left: 14em;
	vertical-align: top;
}
.frm fieldset dd label.error { background: url(../images/icons/warning_16.png) no-repeat; color: #FF2F2F; padding-left: 20px; display: block; } /* for error message of validation form */
.frm fieldset dl.login dd { margin-left: 9em; }
.frm dt label { font-weight: bold; }
.frm dt span { font-size: 80%; }

.frm fieldset.div-button { text-align: center; margin: 0; }

.frm input[type="text"],
.frm input[type="password"],
.frm select,
.frm textarea,
.tbform input[type="text"],
.tbform input[type="password"],
.tbform select,
.tbform textarea {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	width: 200px;
	border: 1px solid #89BAD3;
	color: #333333;
	font-size: 1em;
    padding: 0.4em;
	background: #fff url(../images/input-bg.png) repeat-x top;
	background: -moz-linear-gradient(center top , #D4D4D4, #EBEBEB 3px, white 27px) repeat scroll 0 0%, none repeat scroll 0 0 white;
	border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-moz-border-radius: 0.417em;
}
.ie .frm input[type="text"],
.ie .frm input[type="password"],
.ie .frm textarea {
	background: #fff url(../images/input-bg.png) repeat-x top;
}

.frm input[type="text"]:focus,
.frm input[type="password"]:focus,
.frm textarea:focus,
.frm select:focus,
.frm input[type="text"]:hover,
.frm input[type="password"]:hover,
.frm textarea:hover,
.frm select:hover,
.tbform input[type="text"]:focus,
.tbform input[type="password"]:focus,
.tbform textarea:focus,
.tbform select:focus,
.tbform input[type="text"]:hover,
.tbform input[type="password"]:hover,
.tbform textarea:hover,
.tbform select:hover {
	border-color: #3399CC;
}

.frm input[type="submit"],
.frm input[type="reset"],
.tbform input[type="submit"],
.tbform input[type="reset"] {
    border-color: #50A3C8 #297CB4 #083F6F;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 0.3em 1em 0.3em;
	background: #479BC9 url(../images/button-element-bg.png) repeat-x left top;
    -moz-border-radius: 0.333em 0.333em 0.333em 0.333em;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	border-radius: 0.333em 0.333em 0.333em 0.333em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.ie .frm input[type="submit"],
.ie .frm input[type="reset"] {
	padding-bottom: 0.21em; line-height: 1.14em; padding-top: 0.35em; overflow: visible;
}

.frm input[type="submit"]:hover,
.frm input[type="reset"]:hover,
.tbform input[type="submit"]:hover,
.tbform input[type="reset"]:hover {
	background: #479BC9 url(../images/button-element-bg.png) repeat-x left bottom;
}

.frm select.sel {
	border: solid 1px #93A7C3;
	padding: 4px;
	font-size: 110%;
}
.frm input.error { border: dotted 1px red !important; }
.frm input.button1 { font-weight: bold; }
.frm .validsum { padding: 6px; border: 1px solid red; }
.frm .validsum li { margin: 4px 0; padding-left: 20px; background: url(../images/icons/exclamation_16.png) no-repeat }

/* PAGE NAVIGATION 
------------------------------------------------*/
.pagination { padding: 2px; }
.pagination ul {
	margin: 0; padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
}
.pagination li {
	list-style-type: none; display: inline; padding-bottom: 1px;
}
.pagination a, .pagination a:visited {
	padding: 0 5px; border: 1px solid #005177;
	text-decoration: none; color: #005177;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #cc3333; color: #fff;
	background-color: #cc3333;
}
.pagination a.currentpage {
	background-color: #2e6ab1; color: #FFF !important;
	border-color: #2b66a5; font-weight: bold; cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white; cursor: default;
	color: #929292; border-color: #929292;
	font-weight: normal !important;
}
.pagination a.prevnext { font-weight: bold; }
/*------------------------------*/

/* Login Form
----------------------------------*/
.frm-login 
{
	width: 300px;
	margin: 170px auto;
	background-color: #fff;
}
.frm-login table { width: 100%; }
.frm-login table tr td { padding: 6px; }
.frm-login .title 
{
	padding: 6px;
	font-weight: bold; border-bottom: 1px solid #A8B6D1;
	background-color: #8497BF; color: #fff;
}


/* box-message
-------------------------- */

.box-message div { position: relative; margin: 0; padding: 6px 6px 6px 30px; margin-bottom: 10px;  border: 1px solid #D7D7D7; -moz-border-radius: 6px; }
.box-message div img 
{
	position: absolute;
	right: 6px; top: 6px;
}
.box-message .success 
{
	color: #418D2E;
	background: #fff url(../images/icons/24/success_24.png) no-repeat 3px 3px;
}
.box-message .error
{
	color: #8E1F19;
	background: #fff url(../images/icons/24/error_24.png) no-repeat 3px 3px;
}
.box-message .warning
{
	color: #EC7E16;
	background: #fff url(../images/icons/24/warning_24.png) no-repeat 3px 3px;
}
.box-message .info
{
	color: #3DB3C2;
	background: #fff url(../images/icons/24/info_24.png) no-repeat 3px 3px;
}